<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>v-text & v-html  实例练习</title>
    <script type="text/javascript" src="../assets/vue.js"></script>

</head>
<body>

<div id="app">
    <h3> {{message}}</h3>
    <hr>
    <span v-text="message"></span>
    <br>
    <span v-html="dodo"></span>
</div>

<script>
    //v-text 与 message 功能类似，但 v-text 无值时 为空白 不会显示 插值变量
    //  v-html 可以解析 html 字符串
    var data = {
        message:"v-text,v-html练习",
        dodo:"<font color='red'>v-text,v-html练习</font>",
        islogin:1
    };

    var app = new Vue({
        el:'#app',
        data:data
    });

</script>

</body>
</html>